<template>
    <div>
      <ul>
        <li>
          <router-link to="/home-index">首页</router-link>
        </li>
        <li>
          <router-link to="/learn-index">学习</router-link>
        </li>
        <li>
          <router-link to="/shop-index">商城</router-link>
        </li>
        <li>
          <router-link to="/login-index">登录</router-link>
        </li>
      </ul>
    </div>
</template>

<script>
    export default {
        name: "HomeNav"
    }
</script>

<style scoped>
  ul {
    overflow: hidden;
    clear: both;
  }
  ul li {
    float: left;
    margin: 10px;
    padding: 10px;
    background-color: red;
    list-style: none;
  }
  ul li a {
    color: #ffffff;
    text-decoration: none;
  }
</style>
